<template>
  <div>
    <Row :gutter="16">
      <Col span="20">
        <RoleTables
        @on-row-click="onRowClick"
        />
      </Col>
      <Col span="4">
        <MenuTree
        :currentRole='currrentRoleRow'
        />
      </Col>
    </Row>
  </div>
</template>

<script>
import RoleTables from './role-table'
import MenuTree from './menu-tree'
export default {
  name: 'RoleIndex',
  components: {
    RoleTables,
    MenuTree
  },
  data () {
    return {
      currrentRoleRow: {
        id: '',
        uuid: '',
        roleName: '',
        code: ''
      }
    }
  },
  methods: {
    onRowClick (row, index) {
      this.currrentRoleRow = row
    }
  }
}
</script>
